<!-- caoyong -->
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />


    <meta name="description" content="${channelTdkVO.data.channelKeyword?default("")}">
    <meta name="keywords" content="${channelTdkVO.data.channelDescriptions?default("")}">
    <title>
        <#if (channelTdkVO.data.channelTitle) ?? >
            ${channelTdkVO.data.channelTitle}-政府采购信息网
        <#else>
            政府采购信息网
        </#if>
    </title>

    <link rel="icon" href="/web/img/favicon.ico">
    <link rel="shortcut icon" href="/web/img/favicon.ico">

    <link rel="stylesheet/less" href="/web/public/public.less">
    <link rel="stylesheet/less" href="/web/css/article.less">
    <style type="text/less">
        @import "/web/public/public.less";
        .container{
            #main{
                .clearfix;
                width: 1024px;
                margin: 0 auto;
                min-height:60vh;
                .position{
                    margin-top: 25px;
                    margin-bottom: 16px;
                    font-size: 14px;
                    color: #7f7f7f;
                }

            }
        }
    </style>

    <script src="/web/lib/less.min.js"></script>
    <script src="/web/lib/jquery-1.12.4.min.js"></script>
    <script src="/web/public/public.js"></script>

</head>
<body>
<div class="container">
    <!--这里引入header-->
    <!--#include virtual="/web/html/header/header.htm"-->
    <div id="main">
        <!--#include virtual="/web/html/fragment/list-inc/special-top-ad.htm"-->
        <!-- ==================================资讯专题列表开始========================= -->
        <!-- caoyong -->
<#--        <script src="/web/lib/jquery-1.12.4.min.js"></script>-->
        <script type="text/javascript" src="/web/lib/BaseCyAxios.js"></script>
<#--        <script src="/web/public/public.js"></script>-->
        <link rel="stylesheet" href="/web/css/page_a.css">
        <script src="/web/lib/page_a.js"></script>
        <!--消息提示 -->
        <script src="/web/lib/jquery.growl.js" type="text/javascript"></script>
        <link href="/web/css/jquery.growl.css" rel="stylesheet" type="text/css" />
        <!--分页器 -->
<#--        <link rel="stylesheet" href="/web/css/pagination.css">-->
<#--        <script src="/web/lib/jquery.pagination.js"></script>-->
        <style type="text/less">@import "/web/public/public.less";
            #special-center-list {
                .position {
                    margin-top: 25px;
                    margin-bottom: 16px;
                    font-size: 14px;
                    color: #7f7f7f;
                }

                font-family: MicrosoftYaHei;
                width: 100%;

                .special-center-list_wrap {
                    width: 1040px; //20210111
                    margin-left: 0px; //20210111
                    display: flex;
                    flex-direction: column;

                    .special-center-list_box {
                        width: 100%;
                        /* min-height: 492px; */

                        ul {
                            list-style: none;

                            li {
                                margin-right: 15px; //20210111
                                display: inline;
                                height: 321px; //20210115
                                margin-bottom: 5px; //20210115
                                float: left;
                                width: 331px;
                                /* background-color: #ebebeb; */

                                img {
                                    width: 331px;
                                    height: 202px;
                                }

                                .special-9box_li_2 {
                                    min-height: 62px; //20210115
                                    .special-9box_li_2_1 {
                                        line-height: 46px;
                                        height: 46px;
                                        padding: 5px 9px 5px 9px;
                                        font-size: 14px;
                                        color: #7f7f7f;
                                        background-color: #f0f0f0;
                                        border-radius: 2px;
                                    }

                                    .special-9box_li_2_2 {
                                        margin-left: 12px;
                                        font-size: 16px;
                                        color: #333333;
                                    }
                                }

                                .special-9box_li_3 {
                                    width: 331px; //20210115
                                    line-height: 26px; //20210115
                                    height: 26px; //20210115
                                    overflow: hidden; // 隐藏//20210115
                                    /*white-space:nowrap;// 默认//20210115*!*/

                                    & > a { //20210115
                                        display: inline-block; //20210115
                                    }

                                    //20210115


                                    .special-9box_li_3_1 {
                                        font-size: 14px;
                                        color: #7f7f7f;
                                        margin-right: 1em;
                                    }

                                    .special-9box_li_3_2 {
                                        font-size: 14px;
                                        margin-right: 1em;
                                        color: #3563d5;
                                    }

                                    .special-9box_li_3_3 {
                                        padding: 2px 12px 2px 12px; //20210115
                                        margin-right: 1em;
                                        background-color: #f0f0f0;
                                        border-radius: 13px;
                                        font-size: 14px;
                                        color: #a8a8a8;
                                    }
                                }
                            }
                        }
                    }

                    .M-box2_wrap {
                        display: flex;
                        justify-content: center;

                        .M-box2 {
                            margin-top: 40px;

                            .prev {
                                width: 79px;
                                height: 36px;
                                border-radius: 4px;
                                border: solid 1px #ebebeb;
                                font-family: AlibabaPuHuiTiR;
                                font-size: 14px;
                                color: #252627;
                                font-weight: normal;
                            }

                            .next {
                                width: 79px;
                                height: 36px;
                                border-radius: 4px;
                                border: solid 1px #ebebeb;
                                font-family: AlibabaPuHuiTiR;
                                font-size: 14px;
                                color: #252627;
                                font-weight: normal;
                            }

                            .active {
                                border-radius: 4px;
                                border: 1px solid #f0f0f0;
                                background: #f0f0f0;
                                font-family: AlibabaPuHuiTiR;
                                font-size: 14px;
                                color: #7f7f7f;
                            }

                            a {
                                border-radius: 4px;
                                border: solid 1px #ebebeb;
                                font-family: AlibabaPuHuiTiR;
                                font-size: 14px;
                                color: #888888;
                            }

                            a:hover {
                                color: #7f7f7f;
                                background: #f0f0f0;
                            }
                        }
                    }
                }
            }
            /* 弹窗位置 */
            #growls.default {
                top: 100px !important;
                left: calc(~"50% - 125px") !important;
            }
        </style>
        <script src="/web/lib/less.min.js"></script>
        <div class="position">
            首页 -> 专题
        </div>

        <div id="special-center-list">
            <div class="special-center-list_wrap">
                <div class="special-center-list_box">
                    <ul id='id_special_ul'>
                        <#list result.data.list as item >
                        <li>
                            <a href="
                                <#if item.articleOutLinkStatus==0>
                                    ${item.articleUrl!}
                                <#else>
                                    ${item.articleOutLink!}
                                </#if>" target="_blank">
                                <img src="${item.articleTitleImage}" alt="${item.articleTitleImageAlt}"></img>
                            </a>
                            <div class="special-9box_li_2">
                                <span class="special-9box_li_2_1">专题</span>
                                <a href="
                                <#if item.articleOutLinkStatus==0>
                                    ${item.articleUrl!}
                                <#else>
                                    ${item.articleOutLink!}
                                </#if>" target="_blank">
                                    <span class="special-9box_li_2_2">${item.articleTitle}</span>
                                </a>
                            </div>
                            <div class="special-9box_li_3">
                                <span class="special-9box_li_3_1"><#if item.updateTime?? >${item.updateTime[0..10]}<#else> </#if>
                                </span>
                                <a href="${item.channelUrl}" class="special-9box_li_3_2">${item.channelName}</a>
                                <#list item.articleKeywordList as vo>
                                <a href="${vo.staticAddress}"><span class="special-9box_li_3_3">${vo.keyword}</span></a>
                                </#list>
                            </div>
                        </li>
                        </#list>

                    </ul>

                </div>
                <!-- 分页 -->
                <div class="page-box">
                    <!-- 上一页 -->
                    <div class="page-prv">
                        <#if (result.data.pageNum) gt 1 >
                            <a href="/web/newsSpecialList/${result.data.prePage}.html" title="上一页"> < 上一页 </a>
                        <#else>
                            <a href="javascript:;" title="上一页"> < 上一页 </a>
                        </#if>
                    </div>
                    <div id="page">

                    </div>
                    <!-- 下一页 -->
                    <div class="page-next">
                        <#if (result.data.pageNum) lt (result.data.pages)>
                            <a href="/web/newsSpecialList/${result.data.nextPage}.html" title="下一页"> 下一页 > </a>
                        <#else>
                            <a href="javascript:;" title="下一页"> 下一页 > </a>
                        </#if>
                    </div>
                </div>
            </div>

        </div>
    </div>
    <!--#include virtual="/web/html/footer/footer.htm"-->
</div>
<script>
    $(function(){
        let totalCount = ${(result.data.total)!}; // 数据总条数
        let pageSize = ${(result.data.pageSize)!}; // 每页的数据条数
        let pathUrl = '/web/newsSpecialList/'; // url
        let currentPage = ${(result.data.pageNum)!}; // 当前页
        let endUrl = '.html'; // 结尾html

        let pageContent = parseInt(((totalCount-1)/pageSize)+1);  //分页总数
        $("#page").Page({
            totalPages: pageContent,
            pathUrl: pathUrl,
            currentPage: currentPage,
            endUrl: endUrl
        });
    })
</script>
</body>
</html>